<!DOCTYPE>
<html>
<head>
<meta charset=utf-8>
    <link rel="stylesheet" type="text/css" href="css.css">
<title>I'm QQ - 每一天，乐在沟通</title>
</head>
<body>
<div id="topbar" class="topbar">
    <div class="toppic">
        <div class="topside">
            <a href="http://im.qq.com/" class="logoLink" pgv="im.album.home.logo">im.qq.com</a>
            <ul id="topNav" class="topNav">
                <li onmouseover="lan()"><a pgv="im.album.home.homepage" href="http://im.qq.com/">首页</a></li>
                <li onmouseover="lan()"><a pgv="im.album.home.download" href="http://im.qq.com/download/">下载</a></li>
                <li class="current"id="mei">
                    <a pgv="im.album.home.active" href="http://im.qq.com/album/">动态</a>
                    <div id="secNav" class="secNav">
                        <a class="cur" pgv="im.album.home.album" href="http://im.qq.com/album/">精品专题</a>
                        <a pgv="im.album.home.news" href="http://im.qq.com/news/">热门资讯</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="topTool">
            <a class="barzc" pgv="im.album.home.zuce" href="http://zc.qq.com/chs/index.html" target="_blank">注册</a>
            <ul>
                <li id="loginInfo">
                    <a name="im.qq.com.login" id="login" href="#">登录</a>
                    <div id="loginPenel" class="loginPenel">
                        <span class="trg"></span>
                        <div class="logindrop">
                            <div id="nick" class="nick">Hi,飞翔的企鹅</div>
                            <div class="lgout"><a id="lgout" href="javascript:;">[退出]</a></div>
                        </div>
                    </div>
                </li>
                <li><a pgv="im.album.home.safe" href="http://aq.qq.com/" target="_blank">QQ安全</a></li>
                <li><a pgv="im.album.home.vip" href="http://vip.qq.com/" target="_blank">QQ会员</a></li>
            </ul>
            <div class="flashData"><a pgv="im.viewonli2015nedata" id="viewOnline" href="#">当前在线人数：<em id="cur_online">227,153,175</em></a></div>
        </div>
    </div>
</div>
<div class="crossbanenr">
    <ul id="crossbanenr">
        <li id="tupian" style="display:block;opacity:1">
            <a pgv="im.album.home.bannerclick" href="http://im.qq.com/album/v/" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/album/alb_bn.jpg" alt="精品专题推荐-QQ音视频" /></a>

        </li>

        <li id="tupian1" style="display:block;opacity:0">
            <a pgv="im.news.bannerclick" href="http://www.p5w.net/stock/hkstock/gsxx/201505/t20150514_1052694.htm" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/news/news_banner.jpg?d=20150520" alt="腾讯Q1财报：QQ智能机月活用户首破6亿大关" /></a>
        </li>
        
    </ul>
</div>
<div class="albumCont">
    <h1>所有专题</h1>
    <div class="albumWrap">
        <ul id="albumWrap">
            <li onmouseover="chu()"onmouseout="zi()">
                <a href="http://im.qq.com/album/v/" pgv="im.album.home.view_alb_1_0" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/album/alb_1.jpg" alt="QQ音视频" /></a>
                <a href="http://im.qq.com/album/v/" class="alcover" pgv="im.album.home.view_alb_1_1" target="_blank"id="tu">
                    <h2>QQ音视频</h2>
                    <p>随时随地，随心沟通</p>
                    <div class="vw"><span>查看专题</span></div>
                    <div class="albg"></div>
                </a>
            </li>
            <li onmouseover="chu1()"onmouseout="zi1()">
                <a href="http://mma.qq.com/office/index.html" pgv="im.album.home.view_alb_2_0" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/album/alb_2.jpg" alt="QQ八大办公技巧" /></a>
                <a href="http://mma.qq.com/office/index.html" class="alcover" pgv="im.album.home.view_alb_2_1" target="_blank"id="tu1">
                    <h2>QQ八大办公技巧</h2>
                    <p>必学办公技能，你get到了吗？</p>
                    <div class="vw"><span>查看专题</span></div>
                    <div class="albg"></div>
                </a>
            </li>
            <li onmouseover="chu2()"onmouseout="zi2()">
                <a href="http://im.qq.com/qqvideo/meeting/index.html" pgv="im.album.home.view_alb_3_0" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/album/alb_3.jpg" alt="QQ音视频会议" /></a>
                <a href="http://im.qq.com/qqvideo/meeting/index.html" class="alcover" pgv="im.album.home.view_alb_3_1" target="_blank"id="tu2">
                    <h2>QQ音视频会议</h2>
                    <p>支持多人语音，多人视频以及屏幕分享</p>
                    <div class="vw"><span>查看专题</span></div>
                    <div class="albg"></div>
                </a>
            </li>
            <li onmouseover="chu3()"onmouseout="zi3()">
                <a href="http://im.qq.com/files/" pgv="im.album.home.view_alb_4_0" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/album/alb_4.jpg" alt="QQ传文件" /></a>
                <a href="http://im.qq.com/files/" class="alcover" pgv="im.album.home.view_alb_4_1" target="_blank"id="tu3">
                    <h2>QQ传文件</h2>
                    <p>收发自如，随心分享</p>
                    <div class="vw"><span>查看专题</span></div>
                    <div class="albg"></div>
                </a>
            </li>
            <li onmouseover="chu4()"onmouseout="zi4()">
                <a href="javascript:;" pgv="im.album.home.view_alb_5_0" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/album/alb_5.jpg" alt="QQ概念版视频" /></a>
                <a id="vediotouch" href="javascript:;" class="alcover" pgv="im.album.home.view_alb_5_1" target="_blank">
                    <h2>QQ概念版视频</h2>
                    <p>未来不至于想象；也许，就是明天</p>
                    <div class="vp"><span class="vediotouch">播放视频</span></div>
                    <div class="albg"></div>
                </a>
            </li>
            
            <li onmouseover="chu5()"onmouseout="zi5()">
                <a href="http://buluo.qq.com/tribe.html" pgv="im.album.home.view_alb_6_0" target="_blank"><img src="http://3gimg.qq.com/qq_product_operations/im/album/alb_6.jpg" alt="兴趣部落" /></a>
                <a href="http://buluo.qq.com/tribe.html" class="alcover" pgv="im.album.home.view_alb_6_1" target="_blank" id="tu5">
                    <h2>兴趣部落</h2>
                    <p>QQ兴趣聚合社区</p>
                    <div class="vw"><span>查看专题</span></div>
                    <div class="albg"></div>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="newfoot">
    <div class="qmaps">
        <div class="plats">
            <h3>了解热门产品</h3>
            <a class="plmb" pgv="im.index2015.maps.mobile" href="http://im.qq.com/mobileqq/" target="_blank">QQ 手机版</a>
            <a class="plpc" pgv="im.index2015.maps.pc" href="http://im.qq.com/pcqq/" target="_blank">QQ PC版</a>
            <a class="plmac" pgv="im.index2015.maps.mac" href="http://im.qq.com/macqq/" target="_blank">QQ Mac版</a>
            <a class="plpad" pgv="im.index2015.maps.pad" href="http://im.qq.com/qqhd/" target="_blank">QQ Pad版</a>
        </div>
        <div class="map qac">
            <h3>QQ安全</h3>
            <ul>
                <li><a pgv="im.index2015.maps.anquan" href="http://aq.qq.com/" target="_blank">安全中心</a></li>
                <li><a pgv="im.index2015.maps.dongjie" href="http://110.qq.com/" target="_blank">冻结帐号</a></li>
                <li><a pgv="im.index2015.maps.jubao" href="http://aq.qq.com/v2/safe_school/report_index.shtml" target="_blank">举报恶意行为</a></li>
                <li><a pgv="im.index2015.maps.huifu" href="http://huifu.qq.com/" target="_blank">恢复好友和群</a></li>
            </ul>
        </div>

        <div class="map qfaq">
            <h3>帮助反馈</h3>
            <ul>
                <li><a pgv="im.index2015.maps.kefu" href="http://kf.qq.com/product/QQ.html" target="_blank">腾讯客服</a></li>
                <li><a pgv="im.index2015.maps.fankui" href="http://support.qq.com/discuss/44_1.shtml" target="_blank">反馈问题</a></li>
                <li><a pgv="im.index2015.maps.txweibo" href="http://e.t.qq.com/QQ" target="_blank">腾讯微博</a></li>
                <li><a pgv="im.index2015.maps.sinaweibo" href="http://weibo.com/u/2508053484" target="_blank">新浪微博</a></li>
            </ul>
        </div>

        <div class="map qlink">
            <h3>友情链接</h3>
            <ul>
                <li><a pgv="im.index2015.maps.buluo" href="http://buluo.qq.com" target="_blank">兴趣部落</a></li>
                <li><a pgv="im.index2015.maps.qun" href="http://qun.qq.com/" target="_blank">QQ群</a></li>
                <li><a pgv="im.index2015.maps.yinyue" href="http://y.qq.com/#type=index " target="_blank">QQ音乐</a></li>
                <li><a pgv="im.index2015.maps.browser" href="http://browser.qq.com/" target="_blank">QQ浏览器</a></li>
                <li><a pgv="im.index2015.maps.laidian" href="http://laidian.qq.com/" target="_blank">来电</a></li>
                <li><a pgv="im.index2015.maps.shipin" href="http://v.qq.com/" target="_blank">腾讯视频</a></li>
                <li><a pgv="im.index2015.maps.tiyan" href="http://exp.qq.com/" target="_blank">腾讯体验中心</a></li>
                <li><a pgv="im.index2015.maps.guanjia" href="http://guanjia.qq.com/" target="_blank">腾讯电脑管家</a></li>
            </ul>
        </div>
    </div>
    <div class="copyright">
        <p>Copyright &copy; 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p>
        <p>建群公司 版权所有</p>
    </div>
</div>
<script type="text/javascript">
var div = document.getElementById('tu');
var div1 = document.getElementById('tu1');
var div2 = document.getElementById('tu2');
var div3 = document.getElementById('tu3');
var div4 = document.getElementById('vediotouch');
var div5 = document.getElementById('tu5');
var div6 = document.getElementById('tupian');
var div7 = document.getElementById('tupian1');
var div8 = document.getElementById('mei');
    function chu() {
     div.style.display="block";
    }
    function zi() {
     div.style.display="none";
    }
    function chu1() {
     div1.style.display="block";
    }
    function zi1() {
     div1.style.display="none";
    }
    function chu2() {
     div2.style.display="block";
    }
    function zi2() {
     div2.style.display="none";
    }
    function chu3() {
     div3.style.display="block";
    }
    function zi3() {
     div3.style.display="none";
    }
    function chu4() {
     div4.style.display="block";
    }
    function zi4() {
     div4.style.display="none";
    }
    function chu5() {
     div5.style.display="block";
    }
    function zi5() {
     div5.style.display="none";
    }
window.onload =  change1()
function shijian() {var timer = setInterval(colorLiner,20);
var val = 100;
function colorLiner(){
if(val >= 0){
div6.style.opacity = val/100;
val--;
}
}
}
function shijian1() {var timer = setInterval(colorLiner,20);
var val = 100;
function colorLiner(){
if(val >= 0){
div7.style.opacity = val/100;
val--;
}
}
}
function shijian2() {var timer = setInterval(colorLiner,20);
var val = 0;
function colorLiner(){
if(val <= 100){
div7.style.opacity = val/100;
val++;
}
}
}
function shijian3() {var timer = setInterval(colorLiner,20);
var val = 0;
function colorLiner(){
if(val <= 100){
div6.style.opacity = val/100;
val++;
}
}
}
function change1() {
setTimeout("change()",6000);
setTimeout("shijian()",6000);
setTimeout("shijian3()",0);
}
function change() {
setTimeout('change1()',6000);
setTimeout("shijian1()",6000);
setTimeout("shijian2()",0);
}
</script>

</body>
</html>